<!--我的 – 所在团队 – 1			Details -->
<template>
	<view class="warps">
		<view>
			<mSearch :show="false" @search="search($event,1)" :mode="2" radius="5"></mSearch>
		</view>
		<view class="w90" v-for="(item,index) in list" :key="index">
			<view class="w95 f b c">
				<view class="vw40 f b c">
					<view class="f b c" style="width:150rpx;">
						<view>
							<image style="width: 56rpx;height: 56rpx;" src="../../../../static/img/089.png" mode=""></image>
						</view>
						<view style="width:60rpx;">
							<text>姓名</text>
						</view>
					</view>
					<view :class="item.name != '' ? 'Details-zhu':'Details-zhu1'" class="senter">
						<text class="fs24">{{item.name}}</text>
					</view>
				</view>
				<view>
					<view>
						<text class="">职位</text>
					</view>
				</view>
			</view>
			<view class="quanxian"></view>
		</view>
	</view>
</template>

<script>
	import mSearch from '@/components/mehaotian-search/mehaotian-search.vue';
	export default {
		components: {
		   mSearch
		},
		data() {
			return {
				province: [],
				val2: '',
				txt:'',
				placeholder:'请输入搜索内容',
				list:[
					{
						name:'主管理员',
						txt:true
					},
					{
						name:'子管理员',
						txt:true
					},
					{
						name:'子管理员',
						txt:true
					},
					{
						name:'',
						txt:false
					},
					{
						name:'',
						txt:false
					},
					{
						name:'',
						txt:false
					},
					{
						name:'',
						txt:false
					},
					{
						name:'',
						txt:false
					},
					{
						name:'',
						txt:false
					},
					{
						name:'',
						txt:false
					},
					{
						name:'',
						txt:false
					}
					
				]
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '团队详情'
			})
		},
		methods: {
			search(e, val) {
			           console.log(e, val);
			           this['val'+val] = e;
			       }
		}
	}
</script>

<style scoped>
	.warps {
		height:95vh;
		overflow: hidden;
		background-color: #fff;
	}
	.Details-zhu{
		width: 120rpx;
		height: 34rpx;
		line-height: 28rpx;
		opacity: 1;
		background: #ffffff;
		border: 2rpx solid #333333;
		border-radius: 20rpx;
	}
	.Details-zhu1{
		/* width: 120rpx;
		height: 34rpx;
		line-height:28rpx;
		opacity: 1;
		background: #ffffff;
		border: 2rpx solid #333333;
		border-radius: 20rpx; */
	}
</style>





